import store from '@/store'
// JS 中引入图片，这样写
import defaultImg from '@/assets/common/head.jpg'
// 参数一：指令名，参数二：对象
// <button v-checkPermission="当前按钮的权限标识"></button>
/* Vue.directive('checkPermission', {
  // DOM 插到页面会自动调用 inserted
  inserted(el, binding) {
    // el => 指令写到谁上，就是谁
    // binding => 对象，binding.value 往往才是我们期望，它是传过来的数据
    const fnArr = store.state.user.userInfo.roles?.points || []
    if (!fnArr.includes(binding.value)) {
      el.remove()
    }
  }
}) */

/**
 * 处理图片加载失败的情况
 */
/* Vue.directive('handleImg', {
  inserted(el) {
    el.onerror = function() {
      el.src = defaultImg
    }
  }
}) */

export const checkPermission = {
  // DOM 插到页面会自动调用 inserted
  inserted(el, binding) {
    // el => 指令写到谁上，就是谁
    // binding => 对象，binding.value 往往才是我们期望，它是传过来的数据
    const fnArr = store.state.user.userInfo.roles?.points || []
    if (!fnArr.includes(binding.value)) {
      el.remove()
    }
  }
}

export const handleImg = {
  inserted(el) {
    el.onerror = function() {
      el.src = defaultImg
    }
  }
}
